
/* page styles */
body{font-family:"Segoe UI", Frutiger,Tahoma,Helvetica,"Helvetica Neue", Arial, sans-serif;font-size:62.5%;}
fieldset{margin-top:1em;margin-bottom:1em;border:1px solid #ddd;padding:1em 15px;}
legend{font-weight:bold;font-size:1.4em; font-weight:bold; padding:.2em 5px;}
label{margin-right:1.2em;}
.demo{margin:0 auto;width:600px;}
.demo h3{margin:50px 0 20px 0;font-size:22px;color:#3366cc;}
/* ----- Custom checkboxes, radios ----- */
/*	wrapper divs */
.custom-checkbox,.custom-radio{position:relative;}
/* input, label positioning */
.custom-checkbox input{position:absolute;left:2px;top:2px;margin:0;}
.custom-checkbox label{display:block;position:relative;font-size:1.3em;padding-right:1em;line-height:1;padding:.5em 0 .5em 30px;margin:0 0 .3em;cursor:pointer;}
/* states */
.custom-checkbox label{background:url(../images/checkbox.gif) no-repeat;}
.custom-radio label{background:url(../img/xuanz2.png) right center no-repeat; background-size:14px 14px ;}
/*.custom-checkbox label,.custom-radio label{background-position:-10px -14px;}*/
/*.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus{background-position:-10px -114px;}*/
.custom-checkbox label.checked,.custom-radio label.checked{background:url(../img/xuanz.png) right center no-repeat;  background-size:14px 14px ;}
.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus{background-position:-10px -314px;}
.custom-checkbox label.focus,.custom-radio label.focus{outline:1px dotted #ccc;}
/* input, label positioning */
.custom-radio input{position:absolute;left:2px;top:2px;margin:0; opacity: 0;}
.custom-radio label{display:block;position:relative;font-size:1.3em;padding-right:1.5em;line-height:1;/*padding:.5em 0 .5em 30px;*/margin:0 0 .3em;cursor:pointer;}
/* ---- toggle button examples ---- */
#view{width:140px;display: block;}
#view .custom-checkbox,#view .custom-radio{width:50%;float:left;}
#show{width:250px;display: block;clear: left;}
#show .custom-checkbox,#show .custom-radio{width:33%;float:left;}
.toggle label{border-collapse:collapse;}
.toggle .custom-checkbox label,.toggle .custom-radio label{padding:.4em 1em;border:1px solid #aaa;background-color:#eee;text-align:center;cursor:pointer;font-size:1.2em;width:auto;overflow:visible;background:#459e00 url(../images/button-green.gif) no-repeat left center;color:#fff;border-color:#2d7406;text-shadow:-1px -1px 0 #37730e;}
.toggle .custom-checkbox label.hover,.toggle .custom-checkbox label.focus,.toggle .custom-radio label.hover,.toggle .custom-radio label.focus{background-position: right center;border-color:#205b00;}
.toggle .custom-checkbox label.checked,.toggle .custom-radio label.checked,.toggle .custom-checkbox label.checkedHover,.toggle .custom-checkbox label.checkedFocus{background:#2d7406;border-color:#2d7406;}
.toggle .first label{-moz-border-radius-bottomleft:7px;-webkit-border-bottom-left-radius:7px;border-bottom-left-radius:7px;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;}
.toggle .last label{-moz-border-radius-bottomright:7px;-webkit-border-bottom-right-radius:7px;border-bottom-right-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;}